var servicioURL = 'http://localhost/gesproy/servicio/';
var usrs;
var uid;

$(document).ready(function() {
    $("#btnLogin").click(function() {
        var usu = $("#txtemail").val();
        var pass = $("#txtpassword").val();
        var accion = "login";
        var fila = '';
        $.post(servicioURL + 'index.php', {tag: accion, correo: usu, clave: pass}, function(respuesta) {
            fila = respuesta.split('-');
            if (fila[0] === 'estudiante') {
                $.mobile.changePage('estudiante.html?id=' + fila[1], 'pop', true, true);
            } else if (fila[0] === 'docente') {
                $.mobile.changePage('#docente', 'pop', true, true);
            } else if (fila[0] === 'calificador') {
                $.mobile.changePage('calificador.html?id=' + fila[1], 'pop', true, true);
            } else if (fila[0] === 'coordinador') {
                $.mobile.changePage('coordinador.html?id=' + fila[1], 'pop', true, true);
            } else {
                $.mobile.changePage('#error', 'pop', true, true);
            }
        });
    });

//    $('#form_carga').submit(function(){
//        
//    });

    $("#btnGuardar").click(function() {
        var id = getUrlVars()["id"];
        var nombres = $("#txtnombres").val();
        var apellidos = $("#txtapellidos").val();
        var clave = $("#txtcla").val();
        var correo = $("#txtcorreo").val();
        var tel = $("#txttel").val();
        var dir = $("#txtdir").val();
        var tag = "editar";
        $.post(servicioURL + 'index.php', {tag: tag, id: id, nombres: nombres, apellidos: apellidos, clave: clave, correo: correo, tel: tel, dir: dir}, function(respuesta) {
            if (respuesta === 'ok') {
                $.mobile.changePage('perfil.html?id='+id, 'pop', true, true);
            } else {
                $.mobile.changePage('#malo', 'pop', true, true);
            }
        });
    });
});

function obtenerUsuarios() {
    $.getJSON(servicioURL + 'usuarios.php', function(data) {
        $('#ulListview li').remove();
        usrs = data.usuarios;
        $.each(usrs, function(index, item) {
            $('#ulListview').append('<li><a rel="external" href="usuario.html?id=' + item.id + '">' +
                    '<h4>' + item.nombres + ' ' + item.apellidos + '</h4>' + '</a></li>');
        });
        $('#ulListview').listview('refresh');
    });
}

function obtenerNomina() {
    $.getJSON(servicioURL + 'nomina.php', function(data) {
        $('#ulnomina li').remove();
        usrs = data.nomina;
        $.each(usrs, function(index, item) {
            $('#ulnomina').append('<li><a href="#">' +
                    '<h4>Nombre: ' + item.nomape + '</h4>' + '<h4>Cantidad de pares: ' + item.cantidadpares + '</h4><h4>Total pagado: ' + item.pago + '</h4>' + '</a></li>');
        });
        $('#ulnomina').listview('refresh');
    });
}

function perfilUsuario(data) {
    $('#ulPerfil li').remove();
    var usuario = data.item;
    $.each(usuario, function(index, item) {
        $('#ulPerfil').append('<li><a rel="external" href="editar.html?id='+item.IDUSUARIO+'">' +
                '<img src="images/usuario.png" alt=""/>' +
                '<h4>' + item.NOMBRES + ' ' + item.APELLIDOS + '</h4>' +
                '<p><b>Dirección: </b>' + item.DIRECCION + '</p>' +
                '<p><b>Teléfono: </b>' + item.TELEFONO + '</p>' +
                '<p><b>Correo electrónico: </b>' + item.CORREO+ '</p></a></li>');

    });
    $('#ulPerfil').listview('refresh');
}

function cargarGrupos(data) {
    var usuario = data.item;
    $('#ulGrupo li').remove();
    $.each(usuario, function(index, item) {
        $('#ulGrupo').append('<li><a rel="external" href="#?id='+item.IDUSUARIO+'">' +
                '<img src="images/usuario.png" alt=""/>' +
                '<h4>' + item.NOMBRE + '</h4>' +
                '<p>Integrante: ' + '<h4>' + item.NOMBRES + ' ' + item.APELLIDOS + '</h4></p>' +
                '<p>Correo electrónico: ' + item.CORREO+ '</p>' +
                '<p>porcentaje: ' + item.PORCENTAJE + '</p></a></li>');

    });
    $('#ulGrupo').listview('refresh');
}

function cargarActividades(data) {
    var usuario = data.item;
    $('#ulActividades li').remove();
    $.each(usuario, function(index, item) {
        
        var estado = '';
        if (item.ESTADO === 1){
            estado = 'Terminada';
        }else{
            estado = 'Pendiente';
        }
        
        $('#ulActividades').append('<li><a rel="external" href="#actividad?uid='+item.IDACTIVIDAD+'">' +
                '<img src="images/actividad.png" alt=""/>' +
                '<h4>' + item.NOMBRE + '</h4>' +
                '<p><b>Descripción: </b>' +  item.DESCRIPCION + '</p>' +
                '<p><b>Estado: </b>' + estado + '</p>' +
                '<p><b>Fecha de entrega: </b>' + item.FECHAENTREGA + '</p></a></li>');

    });
    $('#ulActividades').listview('refresh');
}

function editarPerfilUsuario(data) {
    var usuario = data.item;
    $.each(usuario, function(index, item) {
        $('#txtnombres').val(item.NOMBRES);
        $('#txtapellidos').val(item.APELLIDOS);
        $('#txtcorreo').val(item.CORREO);
        $('#txtdir').val(item.DIRECCION);
        $('#txttel').val(item.TELEFONO);
    });
}

function mostrarTotal(data) {
    var usr = data.usr;
    $('#total li').remove();
    $.each(usr, function(index, item) {
        $('#total').append('<li><a href="#">' +
                '<h4>Total pagado: ' + item.total + '</h4><h4>Total pares: ' + item.totalp + '</h4>' + '</a></li>');
    });
    $('#total').listview('refresh');
}

function getUrlVars() {
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for (var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

/*List view de actividades del usuario*/
$(document).on('pageshow', '#principal', function() {
    uid = getUrlVars()["id"];

    $('#ulOpciones li').remove();

    $('#ulOpciones').append('\
            <li><a rel="external" href="perfil.html?id='+uid+'">' +
            '<img src="images/perfil.png" alt=""/>' +
            '<h4>Mi Perfil</h4>' +
            '</a></li>'+
            '<li><a rel="external" href="actividades.html?id='+uid+'">' +
            '<img src="images/actividades.png" alt=""/>' +
            '<h4>Actividades</h4>' +
            '</a></li>'+
            '<li><a rel="external" href="calificacion.html?id='+uid+'">' +
            '<img src="images/calificacion.png" alt=""/>' +
            '<h4>Calificación</h4>' +
            '</a></li>');

    $('#ulOpciones').listview('refresh');
});

/*List view de actividades del calificador*/
$(document).on('pageshow', '#principalcalificador', function() {
    uid = getUrlVars()["id"];

    $('#ulOpcionesCalificador li').remove();

    $('#ulOpcionesCalificador').append('<li><a rel="external" href="perfil.html?id='+uid+'">' +
            '<img src="images/perfil.png" alt=""/>' +
            '<h4>Mi Perfil</h4>' +
            '</a></li>'+
            '<li><a rel="external" href="calificacion.html?id='+uid+'">' +
            '<img src="images/calificacion.png" alt=""/>' +
            '<h4>Calificación</h4>' +
            '</a></li>');

    $('#ulOpcionesCalificador').listview('refresh');
});

/*List view de actividades del calificador*/
$(document).on('pageshow', '#principalcoordinador', function() {
    uid = getUrlVars()["id"];

    $('#ulOpcionesCoordinador li').remove();

    $('#ulOpcionesCoordinador').append('<li><a rel="external" href="perfil.html?id='+uid+'">' +
            '<img src="images/perfil.png" alt=""/>' +
            '<h4>Mi Perfil</h4>' +
            '</a></li>'+
            '<li><a rel="external" href="grupo.html?id='+uid+'">' +
            '<img src="images/actividades.png" alt=""/>' +
            '<h4>Grupos</h4>' +
            '</a></li>'+
            '<li><a rel="external" href="informe.html?id='+uid+'">' +
            '<img src="images/actividades.png" alt=""/>' +
            '<h4>Informes</h4>' +
            '</a></li>'+
            '<li><a rel="external" href="calificacion.html?id='+uid+'">' +
            '<img src="images/calificacion.png" alt=""/>' +
            '<h4>Calificación</h4>' +
            '</a></li>');

    $('#ulOpcionesCoordinador').listview('refresh');
});


$(document).on('pageshow', '#actividades', function() {
    uid = getUrlVars()["id"];
    $.getJSON(servicioURL + 'actividades.php?id=' + uid, cargarActividades);
});


$(document).on('pageshow', '#estudiante', function() {
    uid = getUrlVars()["id"];
    $.getJSON(servicioURL + 'perfil.php?id=' + uid, perfilUsuario);
});

$(document).on('pageshow', '#grupo', function() {
    uid = getUrlVars()["id"];
    $.getJSON(servicioURL + 'grupo.php?id=' + uid, cargarGrupos);
});

$(document).on('pageshow', '#usuarios', function() {
    obtenerUsuarios();
});

$(document).on('pageshow', '#login', function() {
    uid = getUrlVars()["id"];
    $.getJSON(servicioURL + 'perfil.php?id=' + uid, perfilUsuario);
});

$(document).on('pageshow', '#editar', function() {
    uid = getUrlVars()["id"];
    $.getJSON(servicioURL + 'perfil.php?id=' + uid, editarPerfilUsuario);
});

$(document).on('pageshow', '#nomina', function() {
    obtenerNomina();
});
